<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Parse SVG</title>
    <script src="../dist/quark-renderer.js"></script>
</head>
<body>
    <style>
        html, body, #main {
            width: 100%;
            height: 100%;
            margin: 0;
        }
    </style>
    <div id="main"></div>
    <script type="text/javascript">
        var qr = QuarkRenderer.init(document.getElementById('main'));

        fetch('./data/svg/Tehran_topo.svg')
            .then(response => response.text())
            .then(QuarkRenderer.parseSVG)
            .then(result => {
                result.root.scale = [0.4, 0.4];
                qr.add(result.root);
            });
    </script>
</body>
</html>